<template>
  <div class="drag-box">
    <!-- npm install @antv/x6 --save
    npm install @antv/x6-vue-shape
    yarn add @vue/composition-api --dev -->
    <widgetList ref="WidgetList"></widgetList>
    <GraphEditor></GraphEditor>
  </div>
</template>

<script>
import WidgetList from "./components/WidgetList";
import GraphEditor from "./components/GraphEditor";
export default {
  name: "dragComponents",
  components: {
    WidgetList,
    GraphEditor
  }
};
</script>

<style>
.drag-box {
  padding: 12px;
  overflow: auto;
  display: flex;
}
</style>
